<div nz-row>
  <div nz-col nzSpan="6">

 <!--   <nz-input-group [nzSuffix]="suffixIcon">
      <input type="text" nz-input placeholder="Search" [(ngModel)]="searchValue" />
    </nz-input-group>
    <ng-template #suffixIcon>
      <i nz-icon nzType="search"></i>
    </ng-template>-->
    <nz-tree
      [nzData]="tl"
      [nzSearchValue]="searchValue"
      (nzClick)="onClickNode($event)"
      [nzTreeTemplate]="nzTreeTemplate"
      (nzContextMenu)="onClickNode($event)"
    ></nz-tree>


    <ng-template #nzTreeTemplate let-node >
      <span class="custom-node">
        <span  (contextmenu)="contextMenu($event, menu,node.key)">
          <i nz-icon ></i>
          <span class="folder-name">{{ node.title }}</span>

        </span>

      </span>
    </ng-template>

    <nz-dropdown-menu #menu="nzDropdownMenu" >
      <ul nz-menu>

        <!--    <li nz-menu-item >删除</li>-->
        <li nz-menu-item  (click)="addReferType()">添加</li>
        <li nz-menu-item (click)="updateReferType()">修改</li>
        <li nz-menu-item (click)="deleteReferType()">删除</li>
      </ul>
    </nz-dropdown-menu>


  </div>
  <div nz-col nzSpan="18">

    <nz-card  nzTitle="参考数据列表" [nzExtra]="extraTemplate">

      <nz-table #basicTable [nzData]="dl">
        <thead>
        <tr>
          <th>名称</th>

          <th>排序</th>
          <th>操作</th>

        </tr>
        </thead>
        <tbody>
        <tr *ngFor="let data of basicTable.data">
          <td>{{data.name}}</td>

          <td>{{data.px}}</td>

          <td>
            <a nz-button nzType="dashed" (click)="updateReferData(data.referdata)">修改</a>
            <nz-divider nzType="vertical"></nz-divider>
            <a nz-button nzType="danger" (click)="deleteReferData(data.referdata)">删除</a>
          </td>
        </tr>
        </tbody>
      </nz-table>


    </nz-card>
    <ng-template #extraTemplate>
      <a nz-button nzType="primary" [disabled]="activatedNode==null" (click)="addReferData()">添加</a>
      <!--<a nz-button nzType="dashed"  (click)="sendReferDateToCache()">更新</a>-->
    </ng-template>


  </div>
</div>
